/* CSS Document */
body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:100%;
	background:#121e27
}
.main{
	width:1000px;
	margin:0 auto;
	background:#fff;
}
/*.head{
overflow:hidden;
width:1000px;
margin:0 0 0 0x;
padding:0;
background:#101d26
}*/
.logo{
	float:left;
	width:195px;
	padding:5px 10px;
}
.right-head{
	width:700px;
	float:right
}
.language{
	float:left;
	width:80px;
	display:inline
}
.language p{
	margin:0;
	float:left;
	padding:0 3px 0 0;
}
.language img{
	border:0
}
.head-menu{
	background: url(../images/bg-headmenu.png) no-repeat right top;
	width:509px;
	height:49px;
	float:right;
}
.head-menu ul{
	margin:0;
	padding:0;
	height:29px;
	list-style:none;
	padding:13px 10px 0 60px;
	
}
.head-menu li{
	display:inline;
	color:#fff;
	font-weight:bold;
	font-size:10px;
}
.slogan{
	float:left;
	padding:10px 10px 10px 10px;
}
.head-menu .fone{
	background:url(../images/icon-fonr.png) no-repeat;
	height:29px;
	overflow:hidden;
	padding:0 0 15px 15px;
}
.head-menu a{
	text-decoration:none;
	color:#fff;
	padding:5px 10px;
}
.small-img{
padding-left:5px;
}
.big-img{
	padding-top:3px;
}
.img1{
	float:left;
	padding:5px 5px 0 0;
}
.flash{
	height:203px;
}
/*.menu{
	width:100%;
	float:left;
	background:url(../images/bg-menu.png) no-repeat left top;
	font-size:14px;
	font-weight:bold;
	height:39px;
}
.menu ul{
	padding:0;
	margin:0 0 0 10px;
}
.menu li{
	float:left;
	list-style:none;
	height:39px;
	display:inline;
	padding:10px 0 12px 0px;
}
.menu a{
	color:#fff;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	padding:10px 10px 12px 10px;
	font-weight:bold;
}
.menu .active a,.menu a:hover{
	background:#0074c9;
	text-decoration:none!important
}*/
*/
.sub-site{
	float:right;
	width:220px;
	margin-top:10px
}
.tintuc,.sitemap{
	float:left;
	margin:10px 15px 0 0;
}
.tintuc a,.sitemap a{
	padding:10px 0 0 10px;
	margin-top:20px;
	text-decoration:none;
	color:#fff
}
.tintuc img,.sitemap img{
	border:0;
	margin-top:-8px;
	float:left
}
/*.menu .active a,.menu li a:hover{
	background:url(../images/r-hover.png) no-repeat right 1px;
}
.menu span,.menu a:hover span{
	background:url(../images/l-hover.png) no-repeat left top;
	margin-right:6px;
}
*/

.new-menu{
	float:left;
	width:250px;
	display:inline;
	font-weight:bold;
	font-size:14px;
	color:#fff
}
.home{
	float:left;
	background:url(../images/icon-home.png) no-repeat 10px top;
	padding:10px 0 10px 45px ;
	
}
.contact{
	float:left;
	background:url(../images/lienhe.png) no-repeat 10px top!important;
	padding:10px 0 10px 50px ;
}
.home a,.contact a{
	text-decoration:none;
	color:#fff
}
.banner-flash{
	height:260px;
	margin:0;
	padding:0;
	width:1000px;
}
/*search*/
.search{
	float:left;
	width:230px;
	border:none;
	margin-right:10px;
	}
.search ul{
	float:left;
	margin:0;
	padding:0
}
.search form{
	border:none!important;
}
.search fieldset{
	border:none;
}
.search #search-submit{
	width:55px;
	background:url(../images/bt-search.png) no-repeat left 5px;
	border:none;
	height:23px;
	padding-bottom:5px;
}
.search #search-text{
	width:160px;
	background:#fff;
	border:1px #ccc solid;
	height:20px;
	margin-top:-5px!important
}
.title-menu{
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding:9px 0
}
.online{
	float:right;
	background:url(../images/yahoo.png) no-repeat left 5px;
	padding:10px 10px 10px 40px;
	color:#fff;
	font-weight:bold
}
.online span{
	font-weight:bold;
	color:#d00
}
.content{
	overflow:hidden;
	margin:2px 0 0 0;
}
.banner{
	width:998px;
	height:276px;
	margin-left:1px;
}
.pro-content{
	border:1px #304c60 solid;
	margin:2px 1px;
	overflow:hidden
}
.product{
	float:left;
	width:750px;
}
.pro-item{
	float:left;
	width:250px;
	padding:7px 0 15px 0;
}
.head-item{
	font-size:14px;
	font-weight:bold;
	padding:5px 10px

}
.head-item a{
	color:#101d26;
	text-decoration:none

}
.pro-item .item{
	float:left;
	width:125px;
	margin:0;
	padding:0
}
.pro-item .item ul{
	margin:0;
	padding:0
}
.pro-item .item li{
	list-style:none;
	padding:5px 15px

}
.pro-item .item a{
	text-decoration:none;
	color:#304c60
}
.item .more{
	background:url(../images/details.png) no-repeat left top;
	height:23px;
	padding-top:5px;
	margin:5px 0 0 10px
}
.item .more a{
	color:#fff;
	padding:0 20px;
}
.pro-item .item a:hover{
	color:#d00
}
.pro-item .img-item{
	float:right;
	background:url(../images/bg-img.png) no-repeat left top;
	width:125px;
	height:103px;
}
.pro-item .img-item img{
	width:115px;
	height:95px;
	padding:3px;
	border:0
}
.left{
	float:left;
	margin:0 ;
	width:232px;
	padding:0;
}
/*#navi{
	width:230px;
	border:1px #1c2a36 solid;
	border-top:0;
	padding-top:0px;
	margin-left:1px;
	padding-bottom:0px;
	margin-bottom:0px;
	overflow:hidden;
}*/
.doitac .box-dt{ float:right;
	width:227px;
	border:1px #304c60 solid;
	border-top:0;
	margin:2px 2px 0 0;
	padding-bottom:15px;
	margin-bottom:5px;}
#navi .title{
	width:234px;
	height:33px;
	margin-left:-1px;
	margin-top:-3px;
	background:url(../images/top-navi.jpg) no-repeat;
}
#navi h2{
	font-size:12px;
	color:#fff;
	margin:0;
	padding:10px 0 10px 15px;
}
/*#navi h3{
	font-size:14px;
	color:#101d26;
	margin:0;
	padding:10px 0 10px 20px;

}
#navi ul{
	margin:0;
	padding:0;
	background:url(../images/bg-navi.jpg) #fff repeat-x left top;
}
#navi li{
	padding:0;
	margin:0;
	background:url(../images/bg-li.jpg) repeat-x;
	height:30px;
}
#navi a{
	display: block;
	margin: 0px;
	padding:5px 25px;
	text-decoration: none;
	font-weight: bold;
	color: #333;
}

#navi a.selected { background-color: #666; color: White; }
#navi a.selected:hover { background-color: #666; }

#navi span{
	padding: 5px 0px 5px 20px;
	background:url(../images/icon-menu.png) no-repeat left center;
	display:block
}
#navi a:hover,#navi a:active{
	text-decoration: none;
	color:#D00
}*/
.adver p{
	margin:0;
	padding:0 1px 4px 1px;
}
.adver img{
	width:230px
}
.right-sub{
	float:right;
	overflow:hidden;
	width:765px;
	padding-left:2px;
	padding-right:1px;
}
.head-sub{
	float:left;
	width:100%;
	padding:10px 20px;
	font-size:14px; font-weight:bold;
	background:url(../images/head-sub.jpg) no-repeat left top;
}
.banner-sub{
	width:765px;
}
.right-pro{
	float:right;
	margin-top:2px;
	width:762px;
	overflow:hidden;
	border:1px #1c2a36 solid;
}
.detail-pro{
	
}
.detail-pro .pic-pro{
	float:left;
	margin:10px;
	padding:10px;
	width:250px;
	height:250px;
	border:1px #ccc solid
}
.detail-pro .detail-pro{
	float:left;
	padding-top:10px;
}
.title-detail{
	font-size:14px;
	font-weight:bold;
	color:#304c60;
}
.more-detail{
	color:#d00;
	font-weight:bold
}
.detail{
	background:url(../images/details.png) no-repeat left top;
	padding:5px 20px;
	color:#fff;
}

.shadetabs{
/* width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom: 1em;
margin-top:5px;
}

.detail-sub{
	float:left;
	padding-left:2px
}
.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
float:left;
display: inline;
margin: 0;
margin-right:2px;
background:url(../images/r-subac.jpg) no-repeat right top;
padding:10px 10px 10px 0
}
.shadetabs li a{
text-decoration: none;
padding: 10px 15px 10px 15px;
margin-right: 3px;
color: #2d2b2b;
background:url(../images/l-subac.jpg) top left no-repeat
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: none;
color: #D00;
}

.shadetabs li.selected{
float:left;
position: relative;
top: 1px;
background:url(../images/r-sub.png) no-repeat right top;
}

.shadetabs li.selected a{ /*selected main tab style */
background: url(../images/l-sub.jpg) no-repeat left top;
border-bottom-color: white;
color:#FFF;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}
.content-tab{
	border:1px #ccc solid;
	width:760px;
	margin-top:30px;
}
.content-tab h2{
	font-size:14px;
	font-weight:bold;
	color:#0162ab;
	padding:5px 15px;
}
.content-tab p{
	padding:3px 15px;
	margin:0
}
.content-tab .more-tab{
	font-style:italic;
	color:#d00;
	font-size:11px;
}
.doi-tac{
	float:left;
	margin-top:4px;
	margin-left:2px;
	width:760px;
	border:1px #0162ab solid;
}
.doi-tac .head-dt{
	background:url(../images/head-dt.png) no-repeat left 2px;
	margin:-15px 0 0 0;
	padding:0;
	height:34px;
}
.doi-tac h2{
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding:7px 10px
}
.doi-tac p{
	float:left;
	width:165px;
	height:140px;
	border:1px #ccc solid;
	margin:10px;
	padding:0;
}

.detail-sub{
	/*border:1px #1c2a36 solid;*/
	float:left;
	width:765px;
	margin-top:30px;
}
.tab-menu{
	float:left;
	height:35px;
	padding-top:10px;
}
.tab-menu ul{
	margin:0;
	padding:0;
	list-style:none;
	height:35px;
}
.tab-menu li{
	background:url(../images/r-subac.png) no-repeat right top;
	display:inline;
	padding:10px 10px 10px 0px;
}
.tab-menu li a{
	color:#fff;
	padding:10px 20px;
	text-decoration:none;
	background:url(../images/l-subac.jpg) no-repeat left top;

}
.tab-menu span{
	
}
.box,.box-dt{ float:right;
	width:227px;
	border:1px #304c60 solid;
	border-top:0;
	margin:7px 2px 0 0;
	padding-bottom:15px;
	margin-bottom:5px;}
.box ul,.box-dt ul{ margin:0; padding:0;}
.box .title-box,.box-dt .title-box{float:left;
	 width:228px;
	 height:34px;
	 background:url(../images/head-navi.png) no-repeat left top;
	 margin-top:-8px}
.box h2{ background:url(../images/icon-1.png) no-repeat 7px 2px;font-size:14px;	color:#fff;	margin:0;padding:10px 10px 10px 55px!important;}
.box-dt h2{background:url(../images/icon-2.png) no-repeat 7px 2px;font-size:14px;	color:#fff;	margin:0;padding:10px 10px 10px 55px!important;
}
.box img{ padding: 0;}
.box p,.box-dt p{ width:168px; margin:0 auto; padding:0; font-size:12px; font-weight:bold; text-align:center}
.box a{ color:#FF0000; text-decoration:none; font-weight:bold}
.box .spm{
	float:left; width:100px;padding:5px 0px 0px 10px; margin:0
}
.box a:hover{ color:#FF0000; font-weight:bold; text-decoration:none}
.box-help{ float:left;
	width:221px;
	background:#fff;
	border:1px #676767 solid;
	padding-bottom:5px;
	margin-bottom:5px;}
.box ul{ margin:0; padding:0;}
.box h2{ font-size:14px;color:#fff;margin:0;padding:10px 0 0 43px;}

.box .help-cus{
	float:left;
	margin:0 auto;
	width:221px;
}
.box .fone{
	float:left; width:40px; padding:5px 0px 5px 25px;
}
.box span.text-help,.box span.text-help1{
	float:left;
	font-size:14px;
	color:#FF0000;
	font-weight:bold;
	padding:20px 0 0 10px;
}
.box span.text-help1{
	color:#101d26;
}
.box-help{
	float:left;
	width:221px;
	background:#0077bd;
	border:1px #676767 solid;
	padding-bottom:5px;
	margin-bottom:5px;
}
.box-help .title-box{width:228px;height:35px;background:url(../images/t-navi.png) no-repeat top left;}
.box-help h2{ font-size:14px;color:#fff;margin:0;padding:10px 0 0 43px;}
.box-help ul{
	margin:0;
	padding:0;
}
.box-help p{
	text-align:center;
	padding:10px 0;
	margin:0
}
.new-pro{
	border:1px #304c60 solid;
	float:left;
	margin-left:1px;
	width:996px;
}
.new-pro .head-newpro{
background:url(../images/head-dt.png) no-repeat left 2px;
margin:-15px 0 0 0;
padding:0 0 10px 0 ; 
height:34px;
}
.head-newpro h2{
font-size:14px;
font-weight:bold;
color:#fff;
padding:7px 10px
}
.new-pro p{
	float:left;
	width:175px;
	height:130px;
	margin-left:18px;
	border:1px #304c60 solid;
}
.new-pro img{
	padding:5px;
	width:160px;height:120px;
}
.show-mid{
	float:left;
	width:520px;
	margin:0 0 0 5px;
	padding:0;
}
.mid-content{
	float:left;
	width:520px;
	border:1px #ff7908 solid;
	border-top:0;
	margin-top:7px;
}
.mid-content ul{
	margin:0;
	padding:0
}
.mid-content .head-mid{
	
	width:520px;
	height:auto;
}
.mid-content .title-pro{
	background:url(../images/head-pro.jpg) no-repeat right top;
	margin:0px 0 0 -6px;
	padding:0;
	padding-top:-5px;
	height:35px;

}
.mid-content  h2{
	font-size:14px;color:#fff;margin:0;padding:10px 0 0 15px;
}
.r-title  h2{
	text-align:right;
	padding-right:15px;
}
.mid-content ul{
	clear:both;
	margin:0;
	padding:0
}

.right{
	float:right;
	padding-right:5px;
	width:231px;
}
.doitac{
	padding:5px 10px;
}
.quangcao{
	margin:0;
	padding:5px 0
}
.footer{
	margin-top:10px;
	margin-left:1px;
	width:100%;
	background:url(../images/footer.jpg) no-repeat left top;
}
.footer ul{
	margin:0; padding:10px 0;
	text-align:center
}
.footer li{
	display:inline;
	list-style:none;
	color:#fff
}
.footer a{
	margin:0;
	color:#fff;
	text-decoration:none;
	padding:10px 20px;
	font-weight:bold;
	width:auto;
	height:35px;
}

.menu a:hover{
	text-decoration:underline
}
.footer .name{
	width:100%;
}
.footer .name ul{
}
.footer .name p{
	text-align:left;
	margin:0;
	padding:0px 0 0 30px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff
}
.footer .name span{
	color:#d00;
	font-size:14px;
	text-transform:none
}
.footer .name li{
	text-align:left;
	list-style:none;
	color:#fff;
	padding:4px 30px;
	display:block;
	font-size:14px
	
}

.paginator li
{
display: inline;
background: transparent;
font-size: 75%;
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
color: white;
}

.paginator li a
{
	text-decoration:none;
	color: #545454;
font-weight: bold;
padding: 3px 6px 2px 6px;
height: 17px;
display: inline-block;
}

.paginator li a:hover
{
	text-decoration:none;
	background: #545454;
	color:White;
font-weight: bold;
}

.paginator .current a
{
		background: #C73030;
color: white;
font-weight: bold;
padding: 3px 6px 2px 6px;
height: 17px;
display: inline-block;
	}
	





/* End CSS Drop Down Menu */
/************ Button ************/
.button {
				font-family: Verdana, Arial, sans-serif;
                display: inline-block;
                background: #459300 url('../images/bg-button-green.gif') top left repeat-x !important;
                border: 1px solid #459300 !important;
                padding: 4px 7px 4px 7px !important;
                color: #fff !important;
                font-size: 11px !important;
                cursor: pointer;
                }
                
.button:hover {
                text-decoration: underline;
                }
                
.button:active {
                padding: 5px 7px 3px 7px !important;
                }
				
a.remove-link {
				color: #bb0000;
				}

a.remove-link:hover {
				color: #000;
				}
				
				
				.news_title {
font-size: 12px;
font-weight: bold;
margin-bottom: 5px;
}
.news_picture {
float: left;
margin-right: 8px;
font-size: 0px;
}
.news_picture_f div {
position: absolute;
}
.news_teaser {
line-height: 16px;
text-align: justify;
}
.break_module_line {
font-size: 0px;
height: 17px;
background: url(../images/line_h.gif) repeat-x left center;
margin-bottom: -1px;
clear: both;
}

.news_title a {
color: #004992;
text-decoration: none;
}

.news_picture a {
color: #004992;
text-decoration: none;
}

.news_teaser a {
color: #004992;
text-decoration: none;
}

.menu_list {	
	width: 221px;
}
.menu_list{
	overflow:hidden;
}
.menu_head {
	padding: 8px 10px 8px 0;
	cursor: pointer;
	position: relative;
	margin:1px;
    font-weight:bold;
	color:#353535;
	background:url(../images/bg-li.jpg) repeat-x left top!important;
}
.menu_head span{
	background:url(../images/icon-menu.png) no-repeat 5px 5px;!important;
	padding:5px 0 5px 30px;

}
.menu_body {
	display:none;
}
.menu_body a{
  display:block;
  color:#333;
  margin-left:5px;
  background:url(../images/icon-menu.png) no-repeat 5px 5px;!important;
  padding:8px 10px 8px 30px;
  font-weight:bold;
  text-decoration:none;
  border-bottom:1px #fff solid
}
.menu_body a:hover{
  color: #333;
  text-decoration:none;
  background:#d9d9d9;
}
 #slideprev {
background: url(../images/blafi-button-left.jpg);
width: 20px;
height: 20px;
cursor: pointer;
margin-right: 2px;
}
.slideseper {
border-left: dotted 1px #515151;
width: 20px;
height: 20px;
float: left;
line-height: 11px;
}
 #slidenext {
background: url(../images/blafi-button-right.jpg);
width: 20px;
height: 20px;
cursor: pointer;
margin-left: 1px;
}